/**
 * Created by xiongcheng on 2017/9/26.
 */
function Drag(id){//并不是每次都是'div1'，将id作为参数，构造一个Drag函数//对象的类，里面装的是属性
    var _this=this;
    this.disX=0;//初始值
    this.disY=0;//初始值
    this.oDiv=document.getElementById(id);
    this.oDiv.onmousedown=function(ev){
        _this.fnDown(ev);
    };
}



Drag.prototype.fnDown=function(ev){//鼠标按下
    var _this=this;
    var oEvent=ev||event;//事件对象
    this.disX=oEvent.clientX-this.oDiv.offsetLeft;//求固定的长度
    this.disY=oEvent.clientY-this.oDiv.offsetTop;//求固定的高度
    document.onmouseover=function(ev){
        _this.fnMove(ev);
    };
    document.onmouseup=function(){
        _this.fnUp();
    };
    return false;

};

Drag.prototype.fnMove=function(ev){//鼠标移动
    var oEvent=ev||event;
//                  求oDiv的位置，让oDiv物体跟着鼠标运动，就是让其位置变化
    this.oDiv.style.left=oEvent.clientX-this.disX+'px';
    this.oDiv.style.top=oEvent.clientY-this.disY+'px';
};

Drag.prototype.fnUp=function(){//鼠标抬起
                                //       鼠标抬起，就需要把鼠标移动取消
    document.onmouseover=null;
    document.onmouseup=null;
};
